<!DOCTYPE html>
<html lang="en">
<head>
    <title>客户信息报表</title>
</head>
<body>
<div class="page-container">
    <div class="page-content">
        <div class="container">
            <div class="page-bar" style="background-color: #fff;margin-bottom: 5px;margin-top: 10px;">
                <ul class="page-breadcrumb">
                    <li>
                        <i class="glyphicon glyphicon-cog"></i>
                        <span>客户信息报表</span>
                    </li>
                </ul>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="portlet light bordered">
                        <div class="portlet-title">
                            <div class="caption">
                              <span class="caption-subject font-green-sharp bold uppercase">
                              <i class="fa fa-gift"></i> 搜索条件
                              </span>
                            </div>
                        </div>
                        <div class="portlet-body form">
                            <form action="javascript:;" id="searchForm" class="form-horizontal">
                                <div class="form-body">
                                    <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
                                        <div class="form-group">
                                            <label class="col-md-4 control-label">客户名称：</label>
                                            <div class="col-md-8">
                                                <input class="form-control" type="text" id="customerName" name="customerName">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
                                        <div class="form-group">
                                            <label class="col-md-4 control-label">客户编号：</label>
                                            <div class="col-md-8">
                                                <input class="form-control" type="text" id="customerId" name="customerId">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
                                        <div class="form-group">
                                            <label class="col-md-4 control-label">联系人：</label>
                                            <div class="col-md-8">
                                                <input class="form-control" type="text" id="contact" name="contact">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
                                        <div class="form-group">
                                            <label class="col-md-4 control-label">联系电话：</label>
                                            <div class="col-md-8">
                                                <input class="form-control" type="text" id="telephone" name="telephone">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
                                        <div class="form-group">
                                            <label class="col-md-4 control-label">联系地址：</label>
                                            <div class="col-md-8">
                                                <input class="form-control" type="text" id="address" name="address">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
                                        <div class="form-group">
                                            <label class="col-md-4 control-label">客户类别：</label>
                                            <div class="col-md-8">
                                                <select class="hasReward form-control" name="type"
                                                        id="type" >
                                                    <option value="">请选择</option>
                                                    <option value="1">组织客户</option>
                                                    <option value="2">个人客户</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
                                        <div class="form-group">
                                            <label class="col-md-4 control-label">状态：</label>
                                            <div class="col-md-8">
                                                <select class="hasReward form-control" name="state"
                                                        id="state" >
                                                    <option value="">请选择</option>
                                                    <option value="0">作废</option>
                                                    <option value="1">在用</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="text-right">
                                        <button type="button" class="btn green" onclick="selectList()">查询
                                        </button>
                                        <button type="button" id="resetBtn" class="btn">重置
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="portlet light bordered">
                        <div class="portlet-title">
                            <div class="caption">
                              <span class="caption-subject font-green-sharp bold uppercase">
                              <i class="fa fa-gift"></i> 客户列表
                              </span>
                            </div>
                        </div>
                        <div class="portlet-body">
                            <table id="customerTable"
                                   class="table table-striped table-bordered table-hover"
                                   data-toggle="table"
                                   data-method="post"
                                   data-content-type="application/x-www-form-urlencoded"
                                   data-query-params="queryParams"
                                   data-pagination="true"
                                   data-click-to-select="true"
                                   data-side-pagination="server"
                                   data-page-number="1"<#--第几页-->
                                   data-page-size="5"<#--每页数据条数-->
                                   data-page-list="[10, 20, 50, 200]"
                                   data-search-align = "left"
                            >
                                <thead>
                                <tr>
                                    <th data-radio="true" checkbox="true" ></th>
                                    <th data-field="customer_id">客户编号</th>
                                    <th data-field="customer_name">客户名称</th>
                                    <th data-field="type_name">客户类型</th>
                                    <th data-field="contact" >联系人</th>
                                    <th data-field="sex_name" >性别</th>
                                    <th data-field="age" >联系人年龄</th>
                                    <th data-field="telephone" >联系电话</th>
                                    <th data-field="address">联系地址<label style="min-width:150px;"></label></th>
                                    <th data-field="state_name" >状态</th>
                                    <th data-field="creat_user" >创建人</th>
                                    <th data-field="creat_date" data-formatter="dateTimeFormatter">创建时间<label style="min-width:100px;"></label></th>
                                    <th data-field="last_update_user" >最后一次修改人员</th>
                                    <th data-field="update_date" data-formatter="dateTimeFormatter">修改时间<label style="min-width:100px;"></label></th>
                                </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="${basePath}/static/module/report/customerReport.js${jsResourceVersion}"></script>
</body>
</html>